@import './modules/header';
@import './modules/footer';
@import './modules/reset';
@import './lunbo1';
@import './video';


body{
	background-color: #fafafa;
}
.swiper-item  a img{
	width: 100%;
	height: 800px;
}
.video-and-links{
	margin-top: 5px;
	.play-video{
		height: 595px;
		margin-top: 5px;
		// display: flex;
		// justify-content: space-between;
		// .video-box1{
		// 	width: 49vw;
		// 	background-color: red;
		// }
		// .video-box2{
		// 	width: 49vw;
		// 	background-color: red;
		// }
		
	}
	
	.links1{
		height: 595px;
		margin-top: 5px;
		display: flex;
		justify-content: space-between;
		.left-link{
			width: 49vw;background-color: white;
			a{
				display: block;
				position: relative;
				.title{
					width: 100%;
					position: absolute;
					top: 40px;
					p{
						width: 50%;
						font-size: 28px;
						color: black;
						margin: 0 auto;
					}
					span{
						display: block;
						width: 134px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						color: black;
						font-size: 12px;
						border: 1px solid black;
						margin: 0 auto;
						margin-top: 25px;
					}
					span:hover{
						color: white;
						background-color: black;
					}
				}
				img{
					width: 49vw;
					height: 595px;
				}
			}
		}
		.right-link{
			width: 49vw;
			a{
				width: 100%;
				display: block;
				position: relative;
				img{
					width: 49vw;
					height: 595px;
				}
				.desc{
					width: 100%;
					position: absolute;
					top: 150px;
					color: white;
					text-align: center;
				}
			}
		}
	}
	.links2{
		height: 595px;
		margin-top: 5px;
		display: flex;
		justify-content: space-between;
		.left-link{
			width: 49vw;background-color: white;
			a{
				display: block;
				position: relative;
				.title{
					width: 100%;
					position: absolute;
					top: 40px;
					p{
						width: 55%;
						font-size: 28px;
						color: black;
						margin: 0 auto;
					}
					span{
						display: block;
						width: 134px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						color: black;
						font-size: 12px;
						border: 1px solid black;
						margin: 0 auto;
						margin-top: 25px;
					}
					span:hover{
						color: white;
						background-color: black;
					}
				}
				img{
					width: 49vw;
					height: 595px;
				}
			}
		}
		.right-link{
			width: 49vw;background-color: white;
			background-color: #3FE674;
			a{
				display: block;
				position: relative;
				.title{
					width: 100%;
					position: absolute;
					top: 40px;
					p{
						width: 55%;
						font-size: 28px;
						color: black;
						margin: 0 auto;
					}
					span{
						display: block;
						width: 134px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						color: black;
						font-size: 12px;
						border: 1px solid black;
						margin: 0 auto;
						margin-top: 25px;
					}
					span:hover{
						color: white;
						background-color: black;
					}
				}
				img{
					width: 49vw;
					height: 595px;
				}
			}
		}
	}
	
	.links3{
		height: 400px;
		margin-top: 5px;
		display: flex;
		justify-content: space-between;
		.links-1{
			width: 24vw;
			background-color: white;
			a{
				display: block;
				width: 100%;
				height: 100%;
				position: relative;
				img{
					width: auto;
					height: 170px;
					position: absolute;
					left: 0;
					right: 0;
					top: -80px;
					bottom: 0;
					margin: auto;
				}
				.title{
					width: 100%;
					position: absolute;
					top: 280px;
					text-align: center;
					p{
						width: 100%;
						font-size: 21px;
						color: black;
					}
					span{
						display: block;
						width: 134px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						color: black;
						font-size: 12px;
						border: 1px solid black;
						margin: 0 auto;
						margin-top: 25px;
					}
					span:hover{
						color: white;
						background-color: black;
					}
				}
			}
		}
		.links-2{
			width: 24vw;
			background-color: #3FE674;
			a{
				display: block;
				width: 100%;
				height: 100%;
				position: relative;
				img{
					width: auto;
					height: 170px;
					position: absolute;
					left: 0;
					right: 0;
					top: -80px;
					bottom: 0;
					margin: auto;
				}
				.title{
					width: 100%;
					position: absolute;
					top: 280px;
					text-align: center;
					p{
						width: 100%;
						font-size: 21px;
						color: black;
					}
					span{
						display: block;
						width: 134px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						color: black;
						font-size: 12px;
						border: 1px solid black;
						margin: 0 auto;
						margin-top: 25px;
					}
					span:hover{
						color: white;
						background-color: black;
					}
				}
			}
		}
		.links-3{
			width: 24vw;
			background-color: #303030;
			a{
				display: block;
				width: 100%;
				height: 100%;
				position: relative;
				img{
					width: auto;
					height: 170px;
					position: absolute;
					left: 0;
					right: 0;
					top: -80px;
					bottom: 0;
					margin: auto;
				}
				.title{
					width: 100%;
					position: absolute;
					top: 280px;
					text-align: center;
					p{
						width: 100%;
						font-size: 21px;
						color: white;
					}
					span{
						display: block;
						width: 134px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						color: white;
						font-size: 12px;
						border: 1px solid white;
						margin: 0 auto;
						margin-top: 25px;
					}
					span:hover{
						color: black;
						background-color: white;
					}
				}
			}
		}
		.links-4{
			width: 24vw;
			background-color: #000000;
			a{
				display: block;
				width: 100%;
				height: 100%;
				position: relative;
				img{
					width: auto;
					height: 170px;
					position: absolute;
					left: 0;
					right: 0;
					top: -80px;
					bottom: 0;
					margin: auto;
				}
				.title{
					width: 100%;
					position: absolute;
					top: 280px;
					text-align: center;
					p{
						width: 100%;
						font-size: 21px;
						color: white;
					}
					span{
						display: block;
						width: 134px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						color: white;
						font-size: 12px;
						border: 1px solid white;
						margin: 0 auto;
						margin-top: 25px;
					}
					span:hover{
						color: black;
						background-color: white;
					}
				}
			}
		}
	}
}